<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title><?php echo $this->title ?><?php echo $this->system_title ?></title>
	<base href="<?php echo __PROJECTNAME__ ?>/admin/" />
	<!-- Favicons --> 
	<link rel="shortcut icon" type="image/png" HREF="img/favicons/favicon.png"/>
	<link rel="icon" type="image/png" HREF="img/favicons/favicon.png"/>
	<link rel="apple-touch-icon" HREF="img/favicons/apple.png" />
	<!-- Main Stylesheet --> 
	<link rel="stylesheet" href="css/style.css" type="text/css" />
	<!-- Your Custom Stylesheet --> 
	<link rel="stylesheet" href="css/custom.css" type="text/css" />
	<!-- jQuery with plugins -->
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<!-- jQuery form validation -->
	<script type="text/javascript" src="js/jquery.validate_pack.js"></script>
</head>
<body>
	<header id="top">
		<div class="wrapper-login">
			<!-- Title/Logo - can use text instead of image -->
			<div id="title"><img SRC="img/logo.png" alt="Administry" /><!--<span>Administry</span> demo--></div>
			<nav id="menu">
				<ul class="sf-menu">
					<li class="current"><a href="javascript:void(0)">登录</a></li>
					<!--<li><a href="#">Register</a></li>-->
				</ul>
			</nav>
			<!--<aside><b>English</b> &middot; <a href="#">Spanish</a> &middot; <a href="#">German</a></aside>-->
		</div>
	</header>
	<div id="pagetitle">
		<div class="wrapper-login"></div>
	</div>
	<div id="page">
		<div class="wrapper-login">
			<section class="full">
				<h3>登录</h3>
				<div class="box box-info">请输入用户名密码登录系统</div>
				<form id="loginform" method="post" action="">
					<p>
						<label class="required" for="username">Username:</label><br/>
						<input type="text" id="username" class="full" value="" name="username"/>
					</p>
					<p>
						<label class="required" for="password">Password:</label><br/>
						<input type="password" id="password" class="full" value="" name="password"/>
					</p>
					<!--<p>
						<input type="checkbox" id="remember" class="" value="1" name="remember"/>
						<label class="choice" for="remember">Remember me?</label>
					</p>-->
					<p>
						<input type="submit" class="btn btn-green big" value="Login"/> &nbsp; <a href="javascript: //;" onclick="$('#emailform').slideDown(); return false;">忘记密码?</a>
					</p>
					<div class="clear">&nbsp;</div>
				</form>
				<form id="emailform" style="display:none" method="post" action="<?php echo __PROJECTNAME__ ?>/admin/login/forget-password">
					<div class="box">
						<p id="emailinput">
							<label for="email">请输入注册是填写的Email:</label><br/>
							<input type="text" id="email" class="full" value="" name="email"/>
						</p>
						<p>
							<input type="submit" class="btn" value="发送"/>
						</p>
					</div>
				</form>
			</section>
		</div>
	</div>
	<footer id="bottom">
		<div class="wrapper-login">
			<p>Copyright &copy; 2010 <b><a href="http://themeforest.net/user/zoranjuric" title="Visit my profile page @ThemeForest">Zoran Juric</a></b> | Icons by <a href="http://www.famfamfam.com/index.htm">FAMFAMFAM</a></p>
		</div>
	</footer>
	<script type="text/javascript">
		var validator = $("#loginform").validate({
			rules: {
				username: "required",
				password: "required"
			},
			messages: {
				username: "请输入用户名",
				password: "请输入密码"
			},
			// the errorPlacement has to take the layout into account
			errorPlacement: function(error, element) {
				error.insertAfter(element.parent().find('label:first'));
			},
			// set new class to error-labels to indicate valid fields
			success: function(label) {
				// set &nbsp; as text for IE
				label.html("&nbsp;").addClass("ok");
			}
		});
		<?php if(!empty($this->message)) { ?>
		alert('<?php echo $this->message ?>');
		<?php } ?>
	</script>
</body>
</html>